
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0"/>
    <title>商品列表</title>
    <link rel="stylesheet" href="css/commm.css">
    <link rel="stylesheet" type="text/css" href="font/iconfont/iconfont.css">
    <link rel="stylesheet" href="css/details.css">
    <link rel="stylesheet" href="css/getmoneyctrl.css"/>
    <link rel="stylesheet" href="css/gsproduct.css">
</head>
<body>
  <header  class="header" id="fanhui">
    <div class="top clearfix">
      <a href="#" class="fanhui">&lt;</a>
      <h2>凑单品+</h2>
      <div class="hd"><img src="images/header_app.png" alt=""></div>
    </div>
  </header>
      <div class="clearfix area" id ="choose">
          <div class="jind" id="jd"><span id="jdwz">京东</span>&nbsp;<img src="images/sanjiao.png" alt="">  
          </div>
          <div class="huadong" id="hb"><span id="hbwz">华北</span>&nbsp;<img src="images/sanjiao.png" alt="">   
          </div>
          <div class="shangpins">全部价格&nbsp;<img src="images/sanjiao.png" alt=""></div>
          <div class="tubiao"><img src="images/search.png" alt=""></div>
          <ul class="shop" id="shop">
            <li class="correct">京东</li>
            <li><span>一号店</span><span>√</span></li>
            <li><span>一号店</span><span>√</span></li>
            <li><span>一号店</span><span>√</span></li>
            <li>亚马孙</li>
            <li>当当</li>
            <li>淘宝</li>
          </ul>
          <ul class="zone" id="zone">
            <li><span class="wenzi">华东</span><span class="correct">√</span></li>
             <li>华北</li>
             <li>华南</li>
             <li>东北</li>
             <li>西南</li>
           </ul>
        
      </div>
      <div class="danpin">
        <ul id="danpin-cont">
          <li class="shangpin">
            <img src="images/xhazi.jpg" alt="">
            <h3 class="name">【京东超市】廿一客(21cake)专用餐具 1人份( 不单独配送)</h3>
            <p class="price"><em>¥0.50</em></p>
          </li>
        </ul>
      </div>
    


    <div class="login">
        <ul class="clearfix">
          <a href="#"><li>登录</li></a>
          <a href="#"><li class="mid">注册</li></a>
          <a href="#"><li>返回首页</li></a>
        </ul>
    </div>
  </div>


    <p class="bot"><span class="reds">手机app下载</span> 慢慢买手机版 -- <span class="grays">掌上比价平台</span></p>
    <p class="bot">m.manmanbuy.com</p>

    <script src="js/jquery.js"></script>
    <script src="js/template.js"></script>
    <script type="text/html" id="get-shop">
        {{if result}}
          {{each result as value}}
                 <li><span class="wenzi">{{value.shopName}}</span><span class="correct">√</span></li>
          {{/each}}
        {{/if}}
    </script>
    <script type="text/html" id="get-zone">
        {{if result}}
          {{each result as value}}
                 <li><span class="wenzi">{{value.areaName}}</span><span class="correct">√</span></li>
          {{/each}}
        {{/if}}
    </script>
    <script type="text/html" id="get-cont">
    {{if result}}
    {{each result as value}}
           <li class="shangpin">
            <img src="{{value.productImg}}" alt="">
            <h3 class="name">{{value.productName}}</h3>
            <p class="price"><em>{{value.productPrice}}</em></p>
          </li>
      {{/each}}
    {{/if}}
    </script>

<script src="js/gsproduct.js"></script>
</body>
</html>
